<!-- 系统设置 -->
<template lang="html">
  <div class="settingBox">
    <h1>暂未开放</h1>
    <!-- <el-row class="bg-white">
      <el-col :span="2" >
        <div :class="setTab==1?'goodsList active':'goodsList'" @click="tabList(1)">
          退款配置
        </div>
      </el-col>
      <el-col :span="2">
        <div :class="setTab==2?'goodsList active':'goodsList'" @click="tabList(2)">
          售卖渠道
        </div>
      </el-col>
    </el-row>
    <el-row>
      <router-view> </router-view>
    </el-row>
    <el-dialog :title="$store.state.TanSetting.title" :visible.sync="$store.state.TanSetting.TanVisible">
      <v-set v-if="$store.state.TanSetting.TanType==1"></v-set>
      <v-bind v-if="$store.state.TanSetting.TanType==2"></v-bind>
    </el-dialog> -->
  </div>
</template>

<script>
import TanSet from "./TanSet.vue"
import TanBind from "./TanBind"

export default {
  data(){
    return {
      setTab:1
    }
  },
  methods:{
    tabList:function (n){
      var that=this;
      that.setTab=n;
      switch (n) {
        case 1:
          that.$router.push({path:'/setting/setBack'});
          break;
        case 2:
          that.$router.push({path:'/setting/setPlace'});
          break;
        default:
          break;
      }
      console.log(this.setTab);
    }
  },
  components:{
    'v-set':TanSet,
    'v-bind':TanBind
  },
  created(){
    var arr=window.location.href.split("/");
    console.log(arr[arr.length-1]);
    switch (arr[arr.length-1]) {
      case 'setBack':
        this.goodsTab=1;
        break;
      case 'setPlace':
        this.goodsTab=2;
        break;
      default:
    }
    this.$store.state.index='9';
  }
}
</script>

<style lang="Sass" scoped>
.settingBox{ height: 100%; background: #fff;

  .goodsList{height: 40px; box-sizing: border-box; line-height: 40px; width: 80px; margin: 0 auto; cursor: pointer;}
  .goodsList:hover{border-bottom: 4px solid #13CE66;}
  .active{border-bottom: 4px solid #13CE66;}
}
.bg-white{background: #fff;}
</style>
